<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>贪吃蛇-JS小游戏</title>
    <meta name="description" content="这是JS小游戏网页">
    <meta name="keywords" content="Web前端,JS,小游戏">
    <meta name="author" content="dev">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="tt-wrapper">
        <!-- 页面头部 -->
        <header class="tt-header">
            <div class="container">
                <div class="button">
                    <button class="btn-start">开始游戏</button>
                    <button class="btn-pause">暂停游戏</button>
                </div>
            </div>
        </header>
        <!-- 页面主体 -->
        <section class="tt-main">
            <div class="container">
                <!-- 地图 -->
                <div class="tt-map">
                    <!-- 行和列是动态创建的 -->
                    
                </div>
            </div>
        </section>
        <!-- 页面尾部 -->
        <footer class="tt-footer">
            <div class="container">
                <!-- 计算分数 -->
                <div class="score">
                    分数: <span>0</span>
                </div>
            </div>
        </footer>
    </div>

    <script src="./js/snake.js"></script>
    <script>
        // 创建Snake构造函数的实例
        // new Snake.init(); 创建Snake对象下init方法的实例
        // new Snake().init(); 创建Snake对象的实例并调用init方法

        // 初始化
        new Snake().init();
    </script>
</body>
</html>